// JavaScript Document
//提示用户名输入格式	
		function showTip(){
			var span=document.getElementById("span_username");
			span.innerHTML="<font color='red' size='1'>用户名,必须是6到18个字符,可以是数字,下划线,需要以字母开头</font>";
		}
		
		//效验用户名,必须是6到18个字符,可以是数字,下划线,需要以字母开头
		function checkUsername(){
			//获取输入的用户名
			var name=document.getElementById("username");
			//获取提示信息
			var span=document.getElementById("span_username");
			if(!(/^[a-zA-z]\w{5,15}$/.test(name.value))){
				span.innerHTML="<font color='red' size='1'>用户名,必须是6到18个字符,可以是数字,下划线,需要以字母开头</font>";
				return false;
			}else{
				span.innerHTML="<font color='green' size='1'>用户名合法</font>";
				return true;
			}
		}
		
		//提示密码
		function showPass(){
			var span1=document.getElementById("span_password1");
			span1.innerHTML="<font color='red' size='1'>6-16个字符,区分大小写</font>";
		}
		
		//效验密码
		function checkpassword1(){
			var pass1=document.getElementById("password1");
			var span1=document.getElementById("span_password1");
			if(!(/^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{6,16}$/.test(pass1.value))){
				span1.innerHTML="<font color='red' size='1'>6-16个字符,区分大小写</font>";
				return false;
			}else{ 
				span1.innerHTML="<font color='green' size='1'>密码合法</font>";
				return true;
			}
		}
		
		//提示再次输入密码
		function showPass2(){
			var span2=document.getElementById("span_password2");
			span2.innerHTML="<font color='red' size='1'>请再次输入密码</font>";
		}
		//效验确认密码
		function checkpassword2(){
			var pass2=document.getElementById("password2");
			var pass1=document.getElementById("password1");
			var span2=document.getElementById("span_password2");
		    if(!(/^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{6,16}$/.test(pass1.value))){
				span2.innerHTML="<font color='red' size='1'>请再次输入密码</font>";
				return false;
			}else if(pass1.value != pass2.value){
					span2.innerHTML="<font color='red' size='1'>两次密码不一致</font>";return false;		
			}else{ 
				span2.innerHTML="<font color='green' size='1'>密码正确</font>";
				return true;
			}
		}
		
		//提示邮箱格式
		function showEmail(){
			var span3=document.getElementById("span_email");
			span3.innerHTML="<font color='red' size='1'>请输入正确的邮箱格式</font>";
		}
		//效验邮箱格式
		function checkEmail(){
			var email=document.getElementById("Email");
			var span3=document.getElementById("span_email");
			if(!(/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(email.value))){
				span3.innerHTML="<font color='red' size='1'>请输入正确的邮箱格式</font>";
				return false;
			}else{
				span3.innerHTML="<font color='green' size='1'>格式正确</font>";
				return true;
			}
		}
		
		//提示电话
		function showtel(){
			var span4=document.getElementById("span_tel");
			span4.innerHTML="<font color='red' size='1'>列:1000-5536-9830</font>";
		}
		
		//效验电话号码
		function checktel(){
			var span4=document.getElementById("span_tel");
			var telNumber=document.getElementById("telnumber");
			if(!(/^1[0-9]{10}$/.test(telNumber.value))){
				span4.innerHTML="<font color='red' size='1'>列:1000-5536-9830</font>";
				return false;
			}else{
				span4.innerHTML="<font color='green' size='1'>格式正确</font>";
				return true;
			}
		}
			
			          var code ; //在全局定义验证码 
				      //产生验证码 
				       window.onload = function createCode(){ 
						code = ""; 
						var codeLength = 4;//验证码的长度 
						var checkCode = document.getElementById("code"); 
						var random = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R', 
						'S','T','U','V','W','X','Y','Z');//随机数 
						for(var i = 0; i < codeLength; i++) {//循环操作 
							var index = Math.floor(Math.random()*36);//取得随机数的索引（0~35） 
							code += random[index];//根据索引取得随机数加到code上 
						} 
						checkCode.value = code;//把code值赋给验证码 
				} 
			
					   
		//提示输入验证码
		function showcode(){
			var span5=document.getElementById("span_code");
			span5.innerHTML="<font color='red' size='1'>请输入验证码</font>";
		}
		
		//效验验证码
		function checkcode(){
			var span5=document.getElementById("span_code");
			//取得输入的验证码并转化为大写 
			var inputCode = document.getElementById("Vcode").value.toUpperCase();
			if(inputCode.length==0){
				span5.innerHTML="<font color='red' size='1'>请输入验证码</font>";
				return false;
			}else if(inputCode!=code){
				span5.innerHTML="<font color='red' size='1'>输入的验证码不一致</font>";
				/*createCode();//刷新验证码	*/
				return false;
				
			}else{
				span5.innerHTML="<font color='green' size='1'>验证码正确</font>";
				return true;
			}
		}
		
		/*省市级联动*/
		
		           /* 得到当前操作元素
					得到当前选中的是那一个省份
					从数组中取出对应的城市信息
					
					动态创建城市元素节点
					添加到城市select中*/
		//准备需要的省份
		var provinces = [
				["深圳市","东莞市","惠州市","广州市"],
				["长沙市","岳阳市","株洲市","湘潭市"],
				["厦门市","福州市","漳州市","泉州市"]
			];
		function selectProvince(){
			//得到当前元素
			var province=document.getElementById("province");
			//得到当前选中的是那一个省份
			var value=province.value;
			//从数组中取出对应的城市信息
			var cites=provinces[value];
			//获取选择的城市信息
			var citySelect=document.getElementById("city");
			//清空选择其他省份时的城市信息,清空select中的options
			//这里的options必须是这样,不是就不会显示,我也不知道是怎么回事
			citySelect.options.length=0;
		   // 动态创建城市元素节点,添加到城市select中
			//遍历出需要的城市信息
			for(var i=0;i<cites.length;i++){
				//获取每一个省份的城市信息
				var cityText=cites[i];
				//创建option节点元素,利用DOM ,<option></option>
				var option1=document.createElement("option");
				//创建城市信息文本,文本节点,var cityText=cites[i];
				var TextNode=document.createTextNode(cityText);//泉州市
				//将文本添加到option1中
				option1.appendChild(TextNode);//<option>泉州市</option>
				//将option1添加到城市中
				citySelect.appendChild(option1);				
			}
			
		}
		
		//效验所有的函数
		function chockover(){
				var flag=checkUsername() && checkpassword1() && checkpassword2() && checkEmail() && checktel() && checkcode();
					return flag;	
	}
		